<template>
  <section class="solution-2-area pt-120 pb-120">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <div class="solution-thumb animated wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="0ms">
            <img src="/assets/images/solution-thumb-2.png" alt="thumb">
          </div>
        </div>
        <div class="col-lg-6">
          <div class="solution-content pl-35">
            <h3 class="title">The best solution for all industries and factories</h3>
            <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod tempor incididunt simply free ut labore et dolore magna aliqua simhy free text available adndnh qkhhn. Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt simply free ut labore et dolore magna aliqua simhy free text available adndnh qkhhn.</p>
            <div class="row">
              <div class="col-lg-6">
                <div class="solution-item mt-30">
                  <h4><i class="fa fa-angle-right"></i> Best project planning</h4>
                  <p>Lorem ipsum is not tex dolor sit amet, consectetur notted.</p>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="solution-item mt-30">
                  <h4><i class="fa fa-angle-right"></i> We build future</h4>
                  <p>Lorem ipsum is not tex dolor sit amet, consectetur notted.</p>
                </div>
              </div>
            </div>
            <div class="solution-btns mt-60 d-block d-sm-flex  align-items-center">
              <a class="main-btn" href="#">Discover more</a>
              <div class="play">
                <a href="https://www.youtube.com/watch?v=D68knED_2mQ" class="d-flex align-items-center video-popup">
                  <div class="thumb">
                    <img src="/assets/images/solution-play.png" alt="">
                  </div>
                  <span>Video About <br> constructions</span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="shape-1">
      <img src="/assets/images/shape/shape-7.png" alt="">
    </div>
    <div class="shape-2 animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
      <img src="/assets/images/shape/shape-8.png" alt="">
    </div>
  </section>
</template>

<script>
    export default {
        name: "SolutionTwoArea"
    }
</script>

<style scoped>

</style>
